<template>
   <!-- 父组件 -->
  <ul class="parent list-group">
    <li class="list-group-item" v-for="i in list" :key="i">{{ i }}</li>
  </ul>
  <!-- 子组件 -->
  <child-components v-model:list="list"></child-components>
</template>

<script setup>
import { ref } from 'vue'

import childComponents from './studyList.vue'

const list = ref(['JavaScript', 'HTML', 'CSS'])

</script>
